<template>
	<div>
		<h3>今天天气很{{info}}</h3>
		<button @click="isHot = !isHot">切换天气</button>
		<Hello/>
	</div>
</template>

<script>
	import Hello from './Hello'

	export default {
		data(){
			return {
				isHot:true
			}
		},
		computed:{
			info(){
				return this.isHot ? '炎热' : '凉爽'
			}
		},
		components:{Hello}
	}
</script>

<style>

</style>